<#assign sourceList = sourceInfo.records>
<#assign sourceTotal = sourceInfo.total>
<#assign pageType = pageType>
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="utf-8"/>
    <title>简易群发工具</title>
    <#include "header.ftl"/>
</head>
<body>
<div id="c_list" class="c_list">
    <#list sourceList as item>
        <div class="c_list_item">
            <div class="c_item_img">
                <img src="">
            </div>
            <div class="c_item_info">
                <div>
                    <div class="c_item_title">${item.title}</div>
                    <div class="c_item_desc">
                    <#if item.description ? length gt 220>
                      ${item.description ? substring(0,220)}...
                      <#else>${item.description}
                    </#if>
                    </div>
                </div>
                <div class="c_item_info_bottom">
                    <div class="c_item_info_date">2020-04-08&nbsp;&nbsp;&nbsp;浏览量：${item.scanCount}</div>
                    <div class="c_item_scan_desc">
                        <button class="c_primary_btn" onclick="detail('${item.id}')">阅读全文</button>
                    </div>
                </div>
            </div>
        </div>
    </#list>
</div>
</body>
</html>

<script src="../static/layui/layui.all.js"></script>
<script>
    (function () {
    })()

    var sourceTotal = "${sourceTotal}"
    var pageType = "${pageType}"

    <#--function getPageInfo(pageIndex, pageSize, total) {-->
    <#--    var _this = this-->
    <#--    layui.use(['laypage'], function(){-->
    <#--        var laypage = layui.laypage;-->

    <#--        //总页数大于页码总数-->
    <#--        laypage.render({-->
    <#--            elem: 'pageId',-->
    <#--            limit: pageSize,-->
    <#--            curr : pageIndex||1,-->
    <#--            count: total,-->
    <#--            jump: function(obj, first) {-->
    <#--                if(!first){-->
    <#--                    _this.pageIndex = obj.curr-->
    <#--                    _this.pageSize = obj.limit-->
    <#--                    window.parent.getNextSourcePage(obj.curr, obj.limit)-->
    <#--                    &lt;#&ndash;$("#iframe_page").attr('src',"${requestPrefix}/list?pageIndex="&ndash;&gt;-->
    <#--                    &lt;#&ndash;    + obj.curr + "&pageSize=" + obj.limit);&ndash;&gt;-->
    <#--                    &lt;#&ndash;document.body.scrollTop = document.documentElement.scrollTop = 0;&ndash;&gt;-->
    <#--                    &lt;#&ndash;setIframeHeight(document.getElementById('iframe_page'));&ndash;&gt;-->
    <#--                }-->
    <#--            }-->
    <#--        });})-->
    <#--}-->

    // window.onload = function () {
    //     getPageInfo(pageIndex, pageSize, sourceTotal)
    // };

    function detail(sourceId) {
        window.parent.sourceDetail(sourceId)
    }

    <#--function getSourcePage(pageIndex, pageSize) {-->
    <#--    $.ajax({-->
    <#--        url: "${requestPrefix}" + "/source/simpleSourcePage",-->
    <#--        type:"Get",-->
    <#--        data: {pageIndex: pageIndex, pageSize: pageSize},-->
    <#--        contentType: "application/json;charset=utf-8",-->
    <#--        dataType:"json",-->
    <#--        success: async function(data){-->
    <#--            console.log(data);-->
    <#--            if(data){-->
    <#--                let list = data.data.records-->
    <#--                if(list.length > 0){-->
    <#--                    let html = ''-->
    <#--                    for(let i in list){-->
    <#--                        if(list[i].description.length > 200){-->
    <#--                            list[i].description = list[i].description.substr(0, 200) + "..."-->
    <#--                        }-->
    <#--                        var content = '<div class="c_list_item">' +-->
    <#--                            '<div class="c_item_img">' +-->
    <#--                            '<img src=' + list[i].cover + '>' +-->
    <#--                            '</div>' +-->
    <#--                            '<div class="c_item_info">' +-->
    <#--                            '<div>' +-->
    <#--                            '<div class="c_item_title">' + list[i].title  + '</div>' +-->
    <#--                            '<div class="c_item_desc">' + list[i].description +-->
    <#--                            '</div>' +-->
    <#--                            '</div>' +-->
    <#--                            '<div class="c_item_info_bottom">' +-->
    <#--                            '<div class="c_item_info_date">' +-->
    <#--                            '2020-04-08' + '&nbsp;&nbsp;&nbsp;浏览量：'+ list[i].scanCount + '</div>' +-->
    <#--                            '<div class="c_item_scan_desc">' +-->
    <#--                            '<button type="button" onclick="sourceDetail('+ '\'' + list[i].id + '\'' +')" class="layui-btn layui-btn-sm">阅读全文</button>' +-->
    <#--                            '</div>' +-->
    <#--                            '</div>' +-->
    <#--                            '</div>' +-->
    <#--                            '</div>'-->
    <#--                        html = html + content-->
    <#--                    }-->
    <#--                    $("#c_list").html(html)-->
    <#--                }-->
    <#--                getPageInfo(1, 15, data.data.total)-->
    <#--            }-->
    <#--        },-->
    <#--        error:function(data){-->
    <#--            error(data.msg);-->
    <#--        }-->
    <#--    });-->
    <#--}-->
    function error(msg){
        layui.use(["layer"], function () {
            let layer = layui.layer;
            layer.open({
                type: 0,
                title:"错误",
                btn: ["确定"],
                content: msg
            })
        })
    }
</script>
<style>
    .c_list {
        margin-bottom: 30px;
    }
    .c_list_item {
        width: 780px;
        height: 160px;
        margin: 0px auto;
        padding: 12px 0 12px 0;
        border-top: 1px solid #ededed;
        display: flex;
        justify-content: flex-start;
    }
    .c_item_img {
        width: 150px;
        height: 150px;
    }
    .c_item_img img {
        width: 150px;
        height: 150px;
    }
    .c_item_info {
        width: 600px;
        padding-left: 20px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        cursor: pointer;
    }
    .c_item_title {
        font-size: 16px;
        font-weight: 600;
    }
    .c_item_desc {
        padding-top: 6px;
    }
    .c_item_info_bottom {
        font-size: 14px;
        color: #555555;
        display: flex;
        justify-content: space-between;
    }
    .c_item_scan_desc {
        color: #555555;
    }
    .c_item_info_date {
        padding-top: 6px;
        font-size: 12px;
    }
</style>